/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/

/*-------------------------------------------------
PAGE BODY
-------------------------------------------------*/
html {
  height: 100%;
  overflow-y: scroll;
}

body {
        height: 100%;
	margin: 0 auto;
	padding: 0;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color: #333;
	background-color: #e5e5e5;
	text-align: center;
}
IMG  { content: attr(alt) }
IMG  { font-size: 15px;font-style:italic;color:blue }

/* Make sure the table cells show the right font */
td   { font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; }
textarea {  
   font-family: verdana, arial, helvetica, sans-serif; 
   font-size:12px;
}

pre  {
       background-color: #eee;
       padding: 10px;
       font-size: 12px;
}
li   {
       font-size: 12px;
       line-height: 13px;
       padding: 3px 0;
}
input { padding: 3px; }
textarea{ padding: 6px; }
a {text-decoration: underline; padding: 1px; }
a:link { color: #03c; }
a:visited { color: #03c; }
a:hover { text-decoration: none; }
div{
	font-size:12px;
}
/*
PUBLIC UTILES
*/
/*
every screen of function
*/
div.card{
  border:1px white dashed;
  padding-top:0px;
  padding-left:10px;
}
html>body div.top_indent{
  margin-top:-6px;
}
div.page_head {
  float:left;
  position:absolute;
  border:0px;
  margin-top:-47px;
  margin-left:-15px;
  width:105%;
  padding-top:5px;
}
div.page_head h2{
  font-family: arial;
  margin-top:0px;
  margin-bottom:0px;
  font-size:16px;
  font-weight:bold;
}
div.page_head span{
  float:right;
  text-align:right;
  margin-right:2%;
  margin-top:-7px;
  color:#ccc;
}
div.page_head span table{
  font-size:12px;
  border-collapse:collapse;
}
html>body div.page_head span{
  float:right;
  text-align:right;
  margin-right:3%;
  margin-top:-5px;
  color:#ccc;
}
html>body div.page_head {
  width:70%;
  margin-top:-50px;
  margin-left:-15px;
}
.intro_txt {
  color:#666;
  font-size:12px;
  font-weight:normal;
}
.float_right {
  float:right;
}
.lang { 
  text-align:right;
  position:absolute;
  right:0px;
}
.float_center{
  margin:0 auto;
  text-align:center;
}
hr.dashed {
  border:1px dashed #ccc;
  height:1px;
  size:1px;
}
hr.black {
  border:1px solid #000;
}
hr.grey {
  border:1px solid #ccc;
}
input.big_font {
  font-size:16px;
  font-weight:bold;
}
a.admin:link,
a.admin:visited, 
h2 a.admin:link, 
h2 a.admin:visited,
span.admin a:link,
span.admin a:visited
{
	color: #f00;
	font-family:'verdana','ms shell dlg';
	font-size: 12px;
	font-weight: normal;
}
a.admin:hover, 
a.adminfull:hover,
h2 a.admin:hover, 
span.admin a:hover 
{  
   color: #fff; 
   background: #f00; 
}
/**/
/*
TOP link
*/

#Header h1 /* client name */ {
	padding: 0 0 10px 0;
	margin: 8px 0 0 30px;
	font-size: 24px;
	font-weight: normal;
	color: #fc0;
	height:30px;
	}	
html>body #Header h1{
	margin: 5px 0 0 30px;
}

#Header h1 span /* project name */ {
	/*padding: 0 0 7px 0;
	margin: 0 0 5px 32px;*/
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	border: none;
	font-family: "Lucida Grande", arial, sans-serif;
	}	

#fresh_all h2 {
	padding: 0 0 2px 0;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}
#lang A:link{
    color:#cec;
}
#lang A:visited{
    color:#cec;
}
span.small_font_link a.com:link,
span.small_font_link a.com:visited
{
  font-size:9px;
}
div.Top {
	background: #036;
	width:100%;
	height:15px;
	text-align:left;
	color:#99C;
}
div.Top span{
        margin-right:30px;
}
div.Top a:link , div.Top a:visited {
        color:white;
	font-size:12px;
	text-decoration:none;
}
div.Top a:hover {
        color:#fff;
	text-decoration:underline;
}
/*
HEADER
*/
#Header {
	/*width: 100%;*/
	background: #036;
	padding: 1px 0 0 0;
	margin: 0;
	text-align: left;
	height:70px;
	}	
#login_user a.comm:link, #login_user a.comm:visited, a.comm:hover {
   color:#03c;
   background:none;
   border:0px;
}
span.help {
  font-size: 10px;
  color: #666;
}

a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
}
a.image img {
	border: none;
}

/*-------------------------------------------------
TABS main function lable links
-------------------------------------------------*/

#Tabs {
	margin: 0 0 0 30px;
	height: 25px;
	padding: 0;
}

#Tabs ul {
	margin: 0; padding: 0;
}

#Tabs LI {
	PADDING-RIGHT: 0px; 
        DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; 
	MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; LIST-STYLE-TYPE: none; BORDER-BOTTOM-STYLE: none
}
#Tabs A:link, #Tabs A:visited {
	BORDER: #036 1px solid;
	BORDER-BOTTOM: #369 1px solid; 
        FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	FLOAT:left; 
	background:#369;
	COLOR: #FFF; 
	TEXT-DECORATION: none;
}
#Tabs A:hover {
	BACKGROUND: #06c; COLOR: #fff
	border-bottom:#06C 1px solid;
}

#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited , #Tabs ul#MainTabs a:link.normal, #Tabs ul#MainTabs a:visited.normal {
        float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
	padding: 4px 6px 6px 6px;
	margin: 0;
}

#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current {
	background: #e5e5e5 url(/images/tab-bg.gif) top repeat-x;
	border-bottom: 1px solid #e5e5e5;
	color: #393;
	font-weight: bold;
	text-decoration: none;
        margin: 0;
}
div.Top a:link.com, div.Top a:visited.com {
   font-weight:normal;
}
div.Top a:link.com_current, div.Top a:visited.com_current , div.Top a:hover.com {
   font-weight:bold;
   color:#06c;
   padding:2px;
   border: 2px #f90 solid;
   background:#fff;
}
span.dummy_nav{
   margin-left:30px;
}

/*
STRUCTURE
A
*/
div#Wrapper {
	padding: 12px 0px 0 0px;
  margin: 0 auto;
}

.container {
	margin: 0 auto 0 auto;
	text-align: center;
	min-width: 750px;
	}

.ClearAll {
	padding: 0px;
	clear: both;
	font-size: 0px;
	}

#ContentFrame, #DashContentFrame, .ContentFrame {
	margin: 0;
	padding: 0px 0;
	width: 100%;
	text-align: left;
	/*position: relative;*/
	float: left;
}

table.layout {
  clear: left;
  border-collapse: collapse;
  width: 100%;
}

table.layout td.left,
table.layout td.right {
  vertical-align: top;
  padding: 0;
}
table.clean td{
  font-size:12px;
}

td.left {
  width: 75%;
}
html>body table.layout td.left {
  width: 75%;
}

td.right {
  width: 25%;
}
html>body table.layout td.right {
  width: 25%;
}

div.Left {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 75%;
	float: left;
	}

div.Right {
	margin: 0px 0 0 0;
	padding: 0;
	text-align: left;
	/*position: absolute;*/
	float: left;
	width: 25%;
	}

table.layout td.left div.Left,
table.layout td.right div.Right {
  width: auto;
  float: none;
}


/*
sub titile
*/

.subtitle H1 {
	FONT-SIZE: 14px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0 -20 5 -5; 
	COLOR: #000; 
	BORDER-BOTTOM: #666 1px solid
}
/*
CONTENT
*/
div.page_header {
	margin:8 0 0 10;
	PADDING-right: 50px; 
	PADDING-left: 35px; 
	PADDING-top: 5px; 
	width:98.5%;
	float:left;
	text-align:left;
	height:35px;
        background: url("/images/page_header_background.gif") repeat-y 100% 0;
}
#content {
	margin:0 0 0 10 ;
	padding-bottom: 50px; 
	PADDING-right: 50px; 
	PADDING-left: 35px; 
	PADDING-top: 15px; 
	width:98.5%;
	float:left;
	text-align:left;
        background: url("/images/mainbackground.gif") repeat-y 100% 100%;
}
html>body div.page_header, html>body #content {
        margin:0 0 0 20; 
	width:88%;
}
#content label{
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 2px; 
	COLOR: #000; 
	font-weight:bold;
	}
#content p{
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 2px; 
	margin:0 0 -2 0;
	COLOR: #000; 
	}
#content .new_item{
	FONT-SIZE: 12px; 
	margin-top:10;
	margin-bottom:10;
	text-align:center
	}
#content .new_item a{
	FONT-SIZE: 12px; 
	COLOR: red; 
	}
/*
/*
right sidebar
*/
#sidebar{
	 margin: 5 0 0 5 auto; 
	 float:right
	 padding-top: 10px;
	 padding-left: 10px;
	 padding-right:10px;
	 text-align:left;
	 font-size:12px;
}
div#sidebar h3{
  font-size:14px;
  padding:5px;
  padding-left:10px;
  border-bottom:1px #ccc solid;
  font-weight:bold;
  background:#EDF3FE;
  color:#333;
}
div#sidebar div.login_at {
  margin-bottom:5px;
  margin-left:0px;
  color:#999;
  font-size:12px;
}
/*
right sidebar
*/
#new_item_form{
}

/*
FOOTER
*/
#footer {
    margin:auto;
    text-align:center;
    font-size:12px;
    color:#666;
	clear: left;  font-size: 9px; 
	margin: 0 auto;
  width: 100%;
  left: 0px;
  bottom: 0px;
  text-align:left;
  color: #aaa;
  font-size: 10px;
  z-index:10000;
}
/*
data table
*/
table.data{
	 border-collapse: collapse;
	 padding:1px;
	 width: 100%;
     float: none;
	 margin: 0 0 10 0;
     border-bottom: 1px #bbbbbb solid;
     border-left: 1px #bbbbbb solid;
	 border-right: 1px #fff solid;
	 border-left : 1px #fff solid;
}
table.data th, table.data td div.head{
     background:#dcdcdc;
     font-size:12px;
     padding:5px;
     text-align:left;
} 
table.data tr.pm_head th{
     text-align:center;
     background:#efefef;
     border:1px #dcdcdc solid; 
}
table.data td{
     vertical-align:top;
}
table.data td.inherit{
     text-align:center;
     background:#ffc;
     border-left:1px #ccc solid; 
     border-right:1px #ccc solid; 
     vertical-align: top;
}
div.inherit{
     background:#ffc;
     margin-top:-5px;
     padding-top:5px;
     margin-right:-3px;
     margin-left:-3px;
     position:relative;
}
li.pm_item {
     padding:0px;
     margin:1px;
     height:17px;
     font-family:'ms shell dlg';
     list-style-type:none;
     list-style:none;
     display:block;
     padding-left:2px;
     float:left;
     width:100px;
     background:url("/images/pm_item_bg.gif") 0 0;
}
li.pm_item div {
     background:url("/images/pm_item_bg.gif") 100% 0%;
     height:17px;
     padding-right:2px;
     padding-top:2px;
}
html>body li.pm_item div {
     padding-top:0px;
}
li.pm_item div a.admin:visited {
     color:#a6b3cf;
     font-weight:bold;
     text-decoration:none;
}
table.data td{
     font-size:12px;
     border-bottom: 1px #ccc solid;
	 padding:3px;
}
table.data td.big_font{
   font-size:16px;
   font-weight:bold;
}
table.data td h3{
   margin-bottom:0px;
}
div.input{
     border:1px #aaa solid;
     width:100%;
}
table.input{
     border-collapse: collapse;
     width: 100%;
     float: none;
     padding:1px;
     border:4px #EDF3FE solid;
}
table.input th{
     background:#cccccc;
     font-size:12px;
}
table.input td h2{
     font-size:15px;
     font-weight:bold;
     font-family:arial;
     margin-bottom:2px;
     background:#ffc;
}
table.input td{
     background:#fff;
     font-size:12px;
     padding:2px;
     padding-left:5px;
     padding-right:5px;
}
table.input td.user{
     background:#efefef;
     font-size:16px;
     color:green;
	 font-weight:bold;
	 }
table.input td.start{
     color:green;
	 font-weight:bold}
table.input td.end{color:red;
     font-weight:bold}
table.input td textarea{
     border:1px #666 solid;
	 width:100%;
	 height:80px;
}
table.input td textarea{
     border:1px #666 solid;
	 width:100%;
	 height:80px;
}
#submit_tag{
	 width:150;
	 height:23px;
	 background:url(/images/button_bg.png) 100% 100%;
	 padding:0;
	 border:0px;
}
/*
DATA TABLE
*/
/*Frame table*/
table.frame {
    border-collapse:collapse;
    padding:0px
}
table.frame td {
    padding:0px
}
/*-------------------------------------------------
CONTACTS
-------------------------------------------------*/

div.Company {
    background-color:#efefef;
    padding:2px;
    width:100%;
    margin: 0 0 10 0;
    font-family:arial;
    font-size:17px;
    font-weight:bold;
}
.Contacts {
	padding: 0;
	margin: 0 0 15px 0;
	text-align: left;
	width: 100%;
        border-collapse: collapse;
	border-left: 1px solid #efefef;
	}	

.Contacts td {
	text-align: left;
	width: 33%;
	padding: 5px 5px 5px 10px;
	background-color: #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
        vertical-align: top;
        font-size: 11px;
	}	
.Contacts td span {
      color:#666;
      font-size:12px;
      font-family:arial;
}
.Contacts td.nopeople {
  background: #ffc;
  width: 33%;
}

.Contacts td.person p {
  font-size: 12px;
}
div.roles {
  position:absolute;
  padding:5px;
  margin-left:-80px;
  margin-top:15px;
  border:1px #ccc solid;
  background:#efefef;
  width:100px
}
html>body div.roles {
  margin-left:52px;
  margin-top:0px;
}
a.email:link {
  font-size: 11px;
}

.Contacts tr.top td {
  border-top: 1px solid #efefef;
}

.Contacts td.blank,
.Contacts tr.top td.blank {
  background: #fff;
  border: none;
}

.Contacts td.company {
  background: #ffc;
}

.Contacts td.person div.noavatar {
  margin-left: 0;
}

.Contacts td.person div.avatar,
.Contacts td.company div.avatar {
  margin: 0;
  margin-right: 5;
  width: 48px;
  float: left;
  text-align:center;
  height:48px;
}




/*
AUTO GENERATED ERROR INFORMATION CSS
*/
.fieldWithErrors {
  padding: 2px;
  background-color: yellow;
  display: table;
}

#errorExplanation {
  width: 100%;
  border: 1px dotted red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  margin-top: 20px;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.FlashMsg{
  margin: 10 10 -5 30;
  text-align:left;
  padding: 5px 5px 5px 30px;
  border:1px solid green;
  border-color: #9c9; 
  color: #060; 
  background: url(/images/alertgood_icon.gif) #E2F9E3 left no-repeat;
}
div.FlashMsgPros{
  margin: 10 10 -5 30;
  border:2px dotted green;
  color:green;
  text-align:center;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}
/*
TIME LOG
*/
table.TimeTrack {
	width: 100%;
	margin-bottom: 20px;
        border-collapse: collapse;
}

table.TimeTrack .th hr {
        height:1px;
	width:100%;
}
table.TimeTrack th {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background: #dcdcdc;
	white-space: nowrap;
}

table.TimeTrack td {
	font-size: 12px;
	padding: 4px 10px 4px 3px;
	border-bottom: 1px solid #ddd;
	white-space: nowrap;
}
table.TimeTrack td.th {
	border-bottom: 2px solid #ddd;
	white-space: nowrap;
}
}

table.TimeTrack tr.shade td {
}

table.TimeTrack th.date {
}

table.TimeTrack td.date {
	padding-left: 0px;
	color:blue
}

table.TimeTrack td.action,
table.data td.action {
	text-align:right;
    color: #999;
}

table.TimeTrack td.action img {
  vertical-align: middle;
}

table.TimeTrack td.desc {
  padding:0px;
  vertical-align: middle;
}
table.TimeTrack td.desc span a{
  color:#666;
}
table.TimeTrack td.desc span{
  width:26px;
  height:20px;
  margin:0px;
  padding-left:5px;
  padding-top:2px;
  vertical-align: middle;
  backgroundb: url('/images/desc_size.gif.small') 0 100% no-repeat;
  font-family:'ms shell dlg',verdana,tahoma;
  font-size:9px;
  color:#333;
}
table.TimeTrack td.desc div{
  position:absolute;
  padding-left:30px;
  border:1px #ccc solid;
  width:200px;
  height:30px;
  background-color:white;
  padding:5px;
}

.action A:link,.action A:visited{
    color:red;
}
.page {
    font-weight:bold;
	text-align:right;
    height:35px;
}
.page A:link, .page A:visited{
    border:1px #ccc solid;
	background:#fff;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	text-decoration:none;
}
.page A:hover{
	background:#06c;
    border:1px #036 solid;
}

table.TimeTrack td.hours {
	text-align: left;
	font-weight: bold;
}

table.TimeTrack td.desc {
	font-size: 12px;
	white-space: normal;
	width: 100%;
    line-height: 16px;
}

table.TimeTrack tr.AddTimeTrack td {
	padding: 10px 10px 10px 0;
	background: #ccc;
}

table.TimeTrack tr.after_work_time {
	background:#efe;
}
table.TimeTrack tr.th,table.TimeTrack td.th {
    background:#dcdcdc;
    text-align:left;
	font-weight:bold;
	font-size:12px;
	padding-left:10px;
	white-space: normal;
}

table.MakeReport {
	margin: 10px 0 0 0;
}

table.MakeReport td {
	padding-right: 5px;
	font-size: 10px;
}

h1#reporttitle {
  font-size: 18px;
  margin-bottom: 5px;
  padding-bottom: 7px;
  border-bottom: 2px solid #000;
}

h1#reporttitle span {
  font-size: 12px;
  color: #999;
  font-weight: normal;
}

#loglist , #projects{
  margin:0 0 0 0;
  padding: 0 0 0 0;
}
/*
MESSAGE activity_type LINKS
-------------------------------------------------*/
div#activity_types{
    padding-right:15px;
    text-align:center;
}
div.activity_item {
    width :100%;
    height:22px;
    border-bottom:1px #ccc solid;
    margin-bottom:5px;
}
div.activity_item span.edit_item{
    float:right;
    text-align:right; 
}
div.activity_item span.edit_item a:link,
div.activity_item span.edit_item a:visited{
    color: #f00;
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
}
div.activity_item span.edit_item a:hover{
    color: #fff; 
    background: #f00; 
}
div.activity_item span.label a:hover{
    color: #fff; 
    background: #000; 
}
div.activity_item span.label{
    float:left;
    width:65%;
    padding:3px;
}
div.activity_item span.selected_label{
    float:left;
    padding:3px;
    background:#000;
    color:#fff;
}
div.activity_item span.selected_label a{
    color:#fff;
}
/*-------------------------------------------------
CUSTOM FORM ELEMENTS
-------------------------------------------------*/

/* Big text input for to-do list titles */
input.big {
	font-size: 16px;
	font-weight: bold;
	width: 550px;
	padding: 3px;
	margin: 0 0 10px 0;
}

input.todoitem {
	padding: 3px;
	font-size: 12px;
	width: 485px;
}

textarea.todoitem {
	padding: 3px;
	font-size: 14px;
	width: 485px;
	margin: 0 5px 3px 0;
}

div.FormSubBlock textarea {
	padding: 3px;
	font-size: 12px;
}

.FormBlock table#items td select {
	width: 150px;
	margin-bottom: 5px;
}

.FormBlock table#items td a.admin {
	font-size: 9px;
}
.FormBlock {
	border: 1px solid #ccc;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 12px;
	margin-top: 20px;
	margin-right: 40px;
	background: #f0f0f0;
	padding: 1px 20px 15px 15px;
}

.FormBlock h2 {
	font-size: 12px;
	margin: 10px 0 0px 0;
}

.FormBlock h2 span {
	font-size: 10px;
	font-weight: normal;
	color: #999;
}

.FormBlock input {
}

.FormBlock input#message_name {
  width: 550px;
  font-size: 18px;
  font-weight: bold;
}

.FormBlock textarea {
	margin-top: 3px;
  width: 550px;
  height:100px;
  font-size: 14px;
}

.FormBlock span.makeprivate {
	background: #ddd;
	padding: 3px;
}

div.loadtemplate {
	float: right;
	font-size: 12px;
	background: #fff;
	padding: 8px 0 8px 8px;
}

.FormBlock div.formatting {
	margin: 0 0 5px 0px;
}
div.extra {
	font-size: 12px;
  margin: 15px 0 15px 15px;
	border-left: 8px solid #d9d9d9;
	padding: 5px 0 5px 10px;
}

.comments div.extra {
  margin: 0 0 10px 10px;
}

.comments p.submit {
  margin: 0 0 5px 5px;
  color: #999;
}

div.extra p {
  margin: 0;
}

div.extra,
div.extra div.showhide_link,
div.extra div.showhide {
  height: 1%; /* make sure IE hasLayout */
}

div.extra div.showhide_link p {
  margin: 0; padding: 0;
}

div.extra div.showhide {
  margin: 10px 0;
}

div.extra h2 {
  font-size: 14px;
  margin: 0 0 2px 0;
  padding: 0;
}

div.extra div#Attachments h2 span.upload_limit {
  color: #777;
  font-weight: normal;
}

div.extra p.upload_limit {
  color: #777;
  font-size: 12px;
}
div.message h1{
  border-bottom:1px #ccc solid;
  margin:5 0 5 0;
  font-size:18px;
}
div.message h1 a {
  color:#000;
  text-decoration:none;
}
div.msg_prop {
  color:#666;
  margin-top:-10px;
  margin-bottom:10px;
}
div.message h2 a,div.message h2 a:link {
  font-family:verdana,arial;
  font-size:16px;
  color:#000;
  text-decoration:underline;
}
div.message div.msg_prop{
  margin-top:5px;
}
div.msg_body {
  font-size:14px;
}
div.msg_body p{
  font-weight:normal; 
}
#AttachFile, #Attachments{
	background: #efefef;
	padding: 5px 10px;
	margin: 10 40px;
	border-top: 1px dotted #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
div.comment_label {
   padding:5px;
   margin-top:10px;
   background:#333;
   color:#fff;
   font-weight:bold;
}
div.comment_body {
   border-bottom:#efefef 1px solid;
   margin:0 10 0 10;
   padding:5px;
}
div.comment_body div.user {
}
div.comment_body div.user_cur{
  background:#ffc;
}

/*
message sidebar categories 
*/
div#msg_cat_sidebar {
  margin-left:10px;
  margin-top:10px;
  margin-right:10px;
}
div#msg_cat_sidebar h2{
  background:#EDF3FE;
  font-size:15px;
}

/*todo class*/
div.todo_list h2 a,div.todo_list h2 a:link {
  font-family:verdana,arial;
  font-size:16px;
  color:#000;
  text-decoration:underline;
}
div.todo_list h2 {
  margin-top:5px;
  margin-bottom:5px;
  margin-left:-15px;
}
div.todo_list li.todo_action,div.todo_list li.indicator {
  display:inline; 
  list-style:none; 
  float:left;
  position:absolute;
  margin-top:-25px;
  margin-left:-68px;
  background-color:white;
  padding-right:5px;
  padding-left:5px;
  padding-top:2px;
  min-width:35px;
  min-height:18px;
  border:1px dashed white;
}
span.todo_item_action {
  float:left;
  position:absolute;
  margin-left:-20px;
  margin-top:4px;
  padding-left:5px;
  padding-right:5px;
}
html>body div.todo_list li.todo_action, html>body div.todo_list li.indicator{
  display:inline; 
  list-style:none; 
  float:left;
  position:absolute;
  margin-top:-20px;
  margin-left:-70px;
  background-color:white;
  padding-right:5px;
  padding-left:7px;
  padding-top:2px;
  min-width:35px;
  min-height:18px;
  border:1px dashed white;
}
div.todo_list li.indicator{
  padding-right:17px;
  padding-bottom:6px;
  min-width:40px;
}
html>body div.todo_list li.indicator{
  padding-right:10px;
  min-width:38px;
}
div.todo_list li.todo_action a{
  font-size:12px;
  color:red;
}
span.todo_body{
  bfont-style:italic;
  font-size:12px;
  color:#666;
  }
span.todo_item_label {
  margin-top:-15px;
  margin-bottom:2px;
  border-bottom:1px #ccc dashed;
  width:100%;
}
div.todo_item_list{
  margin-top:8px;
}
div.finished_todo_item_list{
  margin-top:-8px;
}
html>body div.todo_item_list{
  margin-top:0px;
}
div.add_todo_item{
  margin-left:20px;
  background:#efefef;
  vertical-align:middle;
  padding-left:10px;
  padding-top:5px;
  padding-bottom:5px;
  font-size:12px;
}
div.add_todo_item textarea{
  margin-bottom:5px;
}
div#new_todo h2{
  font-size:15px;
  margin-bottom:5px;
}
div#new_todo div.option_txt{
  border-top:1px #ccc dashed;
  border-bottom:1px #ccc dashed;
  padding-left:20px;
}
div#new_todo div.option_txt textarea{
  width:530px;
  height:60px;
}
div#new_todo div.option_txt select{
  width:530px;
}

div.add_milestone {
  padding:20px;
  border-left:1px #ccc solid;
  width:60%;
}
div.add_milestone input.big{
  width:400px;
  font-weight:bold;
  font-size:16px;

}


/*Milesonte style*/
div.milestone_label{
  font-weight:bold;
  font-size:12px;
  padding:2px;
  margin-top:10px;
}
div.late {
  color:#fff;
  background-color:#C00;
}
div.upcoming {
  color:#000;
  background-color:#FC0;
}
div.finished{
  color:#fff;
  background-color:#090;
}
div.milestone_item{
  margin-top:5px;
  border-bottom:1px #E0E0E0 solid;
  font-size:12px;
}
div.milestone_item h2{
  margin-top:5px;
  font-size:15px;
  font-family:arial;
  color:black;
}
div.milestone_item h2 li{
  margin-left:25px;
}
div.late_item{
  color:#C00;
}
div.upcoming_item{
  color:#000;
}
div.finished_item{
  color:#090;
}
table.upcoming {
  border:0px #ccc solid; 
  width:100%;
  font-size:12px;
}
table.upcoming th{
  background:#ccc;
  font-weight:bold;
  text-align:left;
  color:#666;
}
table.upcoming td{
  border-right:1px #ccc solid;
  border-bottom:1px #ccc solid;
  padding:2px;
  background-color:#f0f0f0;
  color:#ccc;
  vertical-align: top;
   
}
table.upcoming td.today{
  background-color:#FFC;
}
table.upcoming td.due{
  background-color:#FFF;
  border:1px #000 solid;
  border-left:1px #000 solid;
  padding:5px;
  line-height:150%;
  color:#000;
  vertical-align: top;
}

/*TIME LINE*/
.time_label {
   margin-left:-50px;
   padding-left:15px;
   border-bottom:1px #e5e5e5 solid;
   font-size:12px;
   font-family:'ms shell dlg';
   float:left;
   position:absolute;
}
.time_label_pre {
   width:100px;
   margin-left:-40px;
   padding-left:15px;
   background:yellow;
   font-weight:bold;
   font-size:12px;
   font-family:'ms shell dlg',arial,sans-serif;
   float:left;
   position:absolute;
}
.file_item {
   width:100%;
   margin-bottom:5px;
   border-bottom:1px #ccc solid;
   padding:5px;
}
.up_item {
   font-weight:bold;
   margin-bottom:5px;
}
.down_item {
   color:#666;
}
.file_item_icon {
   float:left;
   margin-right:5px;
}
/*log*/
.log {
  width:80px;
  padding:2px;
  color:#fff;
  text-align:right;
  font-size:12px;
  font-family:ms shell dlg;
  text-transform: capitalize;
}
.log_message {
  background:#334E7D; 
}
.log_todo {
  background:#c60; 
}
.log_milestone {
  background:red; 
}
.log_writeboard {
  background:#399; 
}
.log_file {
  background:#636; 
}
.log_comment {
  background:#466AAA; 
}
.log_todo_item {
  background:#EF7F0E; 
}
.log_name {
  color:#000;
  width:55%;
}
.log_label {
  color:#999;
  width:15%;
  text-align:right;
  text-transform:capitalize;
  font-size:9px;
}
.log_user {
  color:#666;
  width:10%;
  text-align:left;
  text-transform:capitalize;
}
.log_time {
  color:#666;
  width:8%;
  text-align:right;
  font-size:10px;
  border-left:1px #efefef solid;
}

/*
 css tooltip
*/
.glt-elm{
	position: absolute;
	left: 0;
	top: 0;
	width: 250px;
	color: #000;
	opacity: 0.9;
	visibility: hidden;
}

.glt-elm p{
	background: #FFFFE5;
	margin: 0;
	padding: 0.5em;
        border-left:1px #666 solid;
        border-right:1px #666 solid;
        border-bottom:1px #666 solid;
}

.glt-elm img{
	display: block;
}

/*dashboard*/
.dash_pname {
  border-bottom:0px #ccc solid;
  background:#efefef;
  font-size:13px;
  font-weight:bold
}
.dash_pname a:link, .dash_pname a:visited {
  font-size:14px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
}
.dash_pname a:link span,.dash_pname a:visited span {
  font-size:12px;
  color:#03c;
  text-decoration:none;
}
.dash_pname a:hover{
  background: blue;
  padding-right:20px;
}
.dash_pname a:hover span,.dash_pname a:hover span {
  background: #FFC;
}

/*TOUR in or out*/
div.tour {
  border-top:1px #ffa500 solid;
  border-bottom:1px #ffa500 solid;
  background:#ffc;
  margin:0 auto;
  padding:10px;
  text-align:center;
}
div.tour h2{
  font-size:20px;
  font-weight:bold;
  font-family:vardana,arial;
  margin-top:10px;
}
div.tour h2 a:link , div.tour h2 a:visited {
  color:red;
  font-size:20px;
  font-weight:bold;
  font-family:vardana,arial;
  margin-top:10px;
}
div.tour h2 a:hover {
  background:#fff;
  text-decoration:none;
  color:000;
  padding:5px;
}
div.tour_sec {
  margin:0 auto;
  padding:10px;
  text-align:center;
  font-size:14px;
}
div.tour_sec h2{
  font-size:25px;
  font-weight:bold;
  font-family:verdana,arial;
  text-transform:uppercase;
  margin-top:5px;
  margin-bottom:5px;
}
div.tour_sec span{
  font-weight:bold;
  color:green;
}
div.tour_sec img{
  border:6px #ccc solid;
  padding:2px;
  margin:5px;
}

span#choose_pj_form,
span#choose_admin_form
{
  border:1px #fff dashed;
  padding:5px;
}
span#choose_pj_form strong,
span#choose_admin_form strong{
  font-weight:bold;
  color:#FC0;
}
div.setting {
  color:#333;
}
div.setting h2{
  margin-top:5px;
  margin-bottom:5px;
  font-size:15px;
  font-weight:bold;
  font-family:arial;
}
div.logo{
  margin-top:2px;
  background:#efefef;
  padding:8px;
}
div.logo_sub{
  margin-top:2px;
  background:#efefef;
  padding:8px;
}
div.error_flash {
  border: #900 1px solid; 
  background: #C66;
  color:white;
  font-weight:bold;
  padding:10px;
}  

/*
writeboard
*/
a.button, input.button {
  padding:2px;
  margin:0px;
  border:1px #ccc solid;
  font-size:12px;
  text-decoration:none;
  background:#efefef;
  padding-left:3px;
  padding-right:3px;
  background:url('/images/button_bg.gif') repeat-x;
  height:19px;
  color:#000;
  font-family:MS shell dlg;
}
a.button:hover, input.button:hover {
  border:1px #69f solid;
  border-top:1px #9cf solid;
  background:url('/images/button_on_bg.gif') repeat-x;
}

div.writeboard_title {
  font-size:18px;
  font-weight:bold;
  margin-top:-10px;
  margin-bottom:10px;
}


/*
Time report 
*/
div.report_title {
  background:#dcdcdc;  
  padding:5px;
  font-size:15px;
  border:1px #ccc solid;
  position:absolute;
  width:100%;
}

/*Priority*/
span.prior {
  padding:1px;
  padding-left:5px;
  margin-right:2px;
}

span.p_1 {
  background:#f00;
}
span.p_2 {
  background:#fc6;
}
span.p_3 {
  background:#ff6;
}
span.p_4 {
  background:#ccc;
}
/*account update*/
div.account_update {
  border:2px #FC0 solid;
  padding:5px;
  background:#FFC;
  text-align:center;
}
div.account_update table {
  width:97%;

}
div.account_update table td.title {
  width:25%;
  text-align:right;
}
div.account_update table td.entry {
  font-weight:bold;
}
div.account_update span#total_payment {
  font-weight:bold;
  font-family:arial;
  color:red;
  font-size:15px;
}
span.diff_in, span.diff_in p{
  background:#cfc;
}
span.diff_out, span.diff_out p{
  background:#fcc;
}
span.private_label {
  background:#ffc;
  font-weight:bold;
  display:none;
}
span.private_label checkbox {
  position:relative;
  top:2px;
}

/*CHAT ROOM*/
#chat-list {
  overflow:auto;
  width:100%;
  height:300px;
  border:2px #ccc solid;
  padding:5px;
  margin-bottom:5px;
}
.chat_item{
  padding:0px;
  margin:0px;
}
.chat_item span.name {
  width:60px; 
  font-weight:bold;
}
.chat_item span.time{
  padding:2px;
  font-family:ms shell dlg;
  color:#666;
  font-size:10px;
}
.projects_scroll {
  overflow:auto;
  height:80px;
}
div.percentage {
  position:absolute;
  padding:5px;
  margin-left:-20px;
  margin-top:0px;
  border:1px #ccc solid;
  background:#efefef;
  width:120px;;
}
html>body div.percentage {
  margin-left:90px;
  margin-top:-20px;
  width:auto;
}
div.percentage td{
  font-size:9px;
}
span.show_perg {
  float:right;
  width:200px;
  text-align:right;
}
span.show_perg table table{
  border:1px #ccc solid;
  width:150px;
}
span.show_perg td{
  font-size:10px;
}
span.show_perg td.past, div.percentage td.past{
  background-color:green;
  color:white;
  font-weight:bold;
}
span.show_perg td.due, div.percentage td.due{
  background-color:yellow;
}
div.percentage td.onmouse {
  background-color:blue;
  color:white;
  font-weight:bold;
}
